<!DOCTYPE html>
<html lang="en">
<head>
<title>Matrix Admin</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/uniform.css" />
<link rel="stylesheet" href="css/select2.css" />
<link rel="stylesheet" href="css/matrix-style2.css" />
<link rel="stylesheet" href="css/matrix-media.css" />
<link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>

</head>
<style>
	.content-info{
		overflow: auto;
	}
	.content-info span{
		padding: 6px 0;
		float: left;
		width: 50%;
		display: block;
	}
	.td-btn{
		width: 150px;
	}
</style>
<body>

<div id="content">
  <div id="content-header">
      <h1>配置详情</h1>
      <a href="vehicle.html" style="float: right;padding: 10px;padding-right: 20px;cursor: pointer;">返回</a>
  </div>
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">
	    <div class="row-fluid">
	    <div class="span12">
        <div class="widget-box">
          <div class="widget-title"> <span class="icon"> <i class="icon-th"></i> </span>
            <h5>车辆信息列表</h5>
            
            <button class="btn btn-info" style="float: right;margin: 3px 5px 0 0;">新增</button>
            </div>
          <div class="widget-content nopadding">
            <table class="table table-bordered table-striped">
              <thead>
                <tr>
                  <th>编号</th>
                  <th>车牌号</th>
                  <th>OBD编号</th>
                  <th>品牌</th>
                  <th>型号</th>
                  <th>购买时间 </th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>tf001</td>
                  <td>粤A35689</td>
                  <td>1A2B3C4D</td>
                  <td>宝马</td>
                  <td>宝马320</td>
                  <td>2017年4月10日</td>
                  <td class="td-btn"><button class="btn btn-info" style="margin-right: 10px;">编辑</button><button class="btn btn-danger">删除</button></td>
                </tr>
                <tr>
                  <td>tf002</td>
                  <td>粤A38547</td>
                  <td>1A5E3T9D</td>
                  <td>奔驰</td>
                  <td>奔驰S600</td>
                  <td>2017年1月12日</td>
                  <td class="td-btn"><button class="btn btn-info" style="margin-right: 10px;">编辑</button><button class="btn btn-danger">删除</button></td>
                </tr>
                <tr>
                  <td>tf003</td>
                  <td>粤A74586</td>
                  <td>6E9X8A5W</td>
                  <td>奥迪</td>
                  <td>奥迪A6</td>
                  <td>2016年11月21日</td>
                  <td class="td-btn"><button class="btn btn-info" style="margin-right: 10px;">编辑</button><button class="btn btn-danger">删除</button></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
       </div>
       </div>
      </div>
    </div>
  </div>
</div>

<script src="js/jquery.min.js"></script> 
<script src="js/jquery.ui.custom.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.uniform.js"></script> 
<script src="js/select2.min.js"></script> 
<script src="js/jquery.dataTables.min.js"></script> 
<script src="js/matrix.js"></script> 
<script src="js/matrix.tables.js"></script>

</body>
</html>
